/*!
 * IT Services v1.0.0
 * Author Man Math
 * Copyright 2014 IT Services
 * Licensed under the Apache License v2.0
 !*/
@import "variable.less";
@import "mixins.less";
html {
	height: 100%;
	width: 100%;
}
body {
	background-color: @color-primary;
	font-size: 13px;
	&.main {
		padding-top: 95px;
	}
}

a,
a:hover {
	text-decoration: none;
}

.color-green {
	color: @color-green;
}

.color-red {
	color: @color-red;
}

.required {
	color: @color-red;
}

/* ---- Table [BEGIN]---- */
.table {
	th,
	td {
		text-align: center;
		&.align-left {
			text-align: left;
		}
		&.align-right {
			text-align: right;
		}
		&.valign-middle {
			vertical-align: middle;
		}
		font-size: @font-size-normal;
	}
	tfoot {
		td {
			background-color: @color-gray-dark;
			color: @color-white;
			border-top-width: 2px;
		}
	}
}
/* ---- Table [END] ---- */

/* ---- form login in ---- */
.login {
	height: 100%;
	width: 100%;
	.container {
		height:100%;
		display:table;
		width: 100%;
		.row {
			height: 100%;
			display:table-cell;
			vertical-align: middle;
			.panel {
				float: none;
				margin: 0 auto;
				-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 12px #333333;
				-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 12px #333333;
				box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 12px #333333;
				&.panel-primary {
					border-color: #370D01;
					> .panel-heading {
						background-color: #370D01;
						border-color: #370D01;
					}
				}
				.panel-body {
					.form-group {
						&.last {
							margin-bottom: 0;
						}
					}
					.btn-primary,
					.btn-primary:hover {
						background-color: #370D01;
						border-color: #370D01;
					}
				}
			}
		}
	}
}
/* ---- / form login in ---- */

/* ---- navigation ---- */
.navbar {
	background-color: #370D01;
	max-height: 80px;
	.shadow-bottom();
	&.navbar-inverse {
		border: none;
		.navbar-nav {
			> li {
				> a {
					color: @color-white-dark;
					text-align: center;
					&:hover,
						&:focus,
						&:active {
						background-color: @color-white;
						color: @color-orange;
					}
					i {
						&.fa {
							display: block;
						}
					}
				}
			}
			> .active {
				a,
				a:hover,
					a:focus {
					background-color: @color-white;
					color: @color-orange;
				}
			}
		}
	}
	.nav {
		> li {
			> a {
				padding: 10px 30px;
			}
		}
	}
}

.list-group-item {
	padding: 8px 15px;
}
/* ---- Navigation [END] ---- */

.alert {
	padding: 5px 30px 5px 5px;
	margin-bottom: 5px;
	margin-top: 5px;
}

.btn-toolbar {
	margin-bottom: 15px;
	padding-bottom: 5px;
	border-bottom: 1px solid @color-gray-light;
}

.content {
	.filter {
		margin-bottom: 15px;
	}
}

/* ---- Form [BEGIN] ---- */
form {
	.form-group {
		.form-control {
			&.input-sm {
				font-size: @font-size-normal;
				padding: 5px 10px 3px;
				&.bold {
					font-weight: @font-weight-dark;
				}
			}
		}
	}
}
/* ---- Form [END] ---- */

/* ---- Panel [START] ---- */
.nav-tabs {
	margin-bottom: 14px;
}

.tab-pane {
	.panel {
		.panel-heading {
			.accordion-toggle {
				display: block;
				&:after {
					font-family: 'Glyphicons Halflings';
					content: "\e114";
					float: right;
					font-size: @font-size-small;
				}
				&.collapsed {
					&:after {
						content: "\e080";
					}
				}
			}
		}
	}
}
/* ---- Panel [END] ---- */

/* ---- Invoice [BEGIN] ---- */
.print-invoice {
	.print-header {
		position: relative;
		overflow: hidden;
		clear: both;
	}
	.table {
		margin-bottom: 5px;
		> thead {
			> tr {
				background-color: @color-gray-dark;
				> th {
					color: @color-white;
				}
			}
		}
		&.table-header {
			caption {
				margin-bottom: 2px !important;
			}
			tbody {
				> tr {
					> td {
						border-top-width: 0;
					}
				}
			}
		}
	}
	dl {
		margin-top: 5px;
		margin-bottom: 5px;
		dt {
			float: left;
			width: 116px;
		}
	}
}

.sale {
	.panel {
		.panel-heading {
			position: relative;
		}
		.btn {
			position: absolute;
			top: 4px;
			right: 15px;
		}
		a {
			&.btn {
				color: @color-white;
			}
		}
	}
}

@media print {
	* {
		color: @color-black;
		text-shadow: none !important;
		box-shadow: none !important;
		padding: 0 !important;
		margin: 0 !important;
		font-size: 8pt !important;
	}
	@page {
		size: 80mm 297mm;
		orphans: 1;
		widows: 1;
	}
	@page :left {
		margin: 0;
	}
	@page :right {
		margin: 0;
	}
	body,
	#page {
		margin-bottom: 30px !important;
		background: none;
	}
	#header,
	#content,
	#comments,
	#sidebar,
	#footer
	.site-description,
	.site-title {
		display: none;
	}
	table {
		page-break-inside : avoid
	}
	.panel {
		border: none;
		.panel-body {
			padding: 2px !important;
		}
	}
	.table {
		border-collapse: collapse !important;
		margin-bottom: 5px !important;
		th {
			background-color: @color-dark-black !important;
			color: @color-white !important;
		}
		tbody {
			> tr {
				> td {
					border-top: 1px solid @color-black;
					padding: 2px 0 !important;
					&.align-right {
						padding-right: 2px !important;
					}
					&.align-left {
						padding-left: 2px !important;
					}
				}
			}
		}
		&.table-header {
			tbody {
				> tr {
					> td {
						padding: 0 !important;
					}
				}
			}
		}
		&.print {
			border: 1px solid @color-black;
		}
	}
	.table-bordered th,
	.table-bordered td {
		border-bottom: 1px solid @color-black !important;
	}
	dl {
		margin-bottom: 5px;
		margin-top: 5px;
		margin-left: -15px;
		dt {
			float: left !important;
			width: 90px !important;
		}
	}
}
/* ---- Invoice [END] ---- */
